<template>
    <div class="st-flex-center-all st-height-100-pc st-width-100-pc login-bg">
        <StElLogin style="width: 500px;" class="login-form" :url="loginUrl" v-on:success="loginSuccess"></StElLogin>
    </div>
</template>
<script>
    export default {
        name: 'Login',
        components: {
        },
        created () {
        },
        methods: {
            loginSuccess(){
                this.$router.replace('/index')

            }
        },
        data () {
            return {
                loginUrl: '/login'
            }
        },
        destroyed() {
        },
        watch: {
        }
    }
</script>
<style scoped>
    .login-form{
        width: 30rem !important;
        padding: 2rem;
        background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    }
    .login-bg {
        position:fixed;
        background: url("../assets/login-bg.jpg") no-repeat;
        background-size: cover;
    }
</style>
